$(function(){
	$(".tipcell").click(function(){
		getSelectNode(this,".tipcell","selectedtip");
	});	
	$(".linkratio").click(function(){
		getSelectNode(this,".linkratio","selected");
	});
	createCityList(cityJson);
	$(".service_type").click(function(){
		
		if($(".service_type").length==2){
			$("#service_type").val($(".service_type").index($(this))+1);
		}else{
			$("#service_type").val(2);
		}
	});
	$(".service_way").click(function(){
		if($(".service_way").length==2){
			$("#service_way").val($(".service_way").index($(this))+1);	
		}else{
			$("#service_way").val(2);
		}
	});
	$("#fuwushangbtn").click(function(){
		$("#orderform").submit();
	});
})
function getSelectNode(obj,selector,className){
		var parent = $(obj).parent();
		var cindex = parent.find(selector).index(parent.find(className));
		var newindex =  parent.find(selector).index($(obj));
		var nodes = parent.find(selector);
		var size = nodes.size();
		for(var i=0;i<size;i++){
			if(i == newindex){
				$(obj).addClass(className);
			}else{
				$(nodes[i]).removeClass(className);
			}
		}
}
function createCityList(cityJson){
	var status = false;
	$("#areatxt").hover(function(){
		$(this).addClass("selectedcity");
		var listr = "";
		for(var i=0;i<cityJson.length;i++){
			listr+="<li>"+cityJson[i]+"</li>";
		}
		$("#wbg").css("display","block");
//		status = true;
		$("#citylist").html(listr).css("display","block");
			var lis = $("#citylist").find("li");
			lis.each(function(i,e){
				if($(e).text() == $("#areatxt").find("#txt").text()){
					$(e).removeClass("selectedcity").addClass("selectedcity");
				}else{
					$(e).removeClass("selectedcity");
				}
			});
			lis.hover(function(){
				status = true;
				$(this).removeClass("selectedcity").addClass("selectedcity");
			},function(){
				$(this).removeClass("selectedcity");
			}).click(function(){
				$("#areatxt").find("#txt").text($(this).text());
				$("#area").val($(this).text());
				$("#citylist").css("display","none");
				$("#areatxt").removeClass("selectedcity");
				$("#wbg").css("display","none");
				$("#areatxt").addClass("selected");
				status = false;
			});
		$("#citylist").hover(function(){},function(){
			$(this).css("display","none");
			$("#areatxt").removeClass("selectedcity");
			$("#wbg").css("display","none");
		});

			
	},function(){
	});
	$("#areaselect").hover(function(){},function(){
				$("#citylist").css("display","none");
				$("#areatxt").removeClass("selectedcity");
				$("#wbg").css("display","none");
	});
}